<html>
	<head>
		<title>testing dojo.query()</title>
		<style type="text/css">
/*			@import "../../resources/dojo.css";*/
		</style>
		<!-- <script type="text/javascript" src="../../dojo.js" 
			djConfig="isDebug: true, debugAtAllCosts: false, popup: false, noFirebugLite: true"></script> -->
		<!--
		<script type="text/javascript" src="../_base/steak.js"></script>
		-->
		<!-- <script type="text/javascript" src="../../../util/doh/runner.js"></script> -->
		<script src="../assets/getgetter.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			// dojo.require("doh.runner");
			// 
			// function createDocument(xml){
			// 	var fauxXhr = { responseText: xml };
			// 	if("DOMParser" in dojo.global){
			// 		var parser = new DOMParser();
			// 		fauxXhr.responseXML = parser.parseFromString(xml, "text/xml");
			// 	}
			// 	// kludge: use dojo.xhr contentHandler for XML to process IE XMLDOC as needed
			// 	return dojo._contentHandlers["xml"](fauxXhr); // DOMDocument
			// }
			// 
		</script>
	</head>
	<body>
		<h1>testing dojo.query()</h1>
		<div id="t">
			<h3>h3 <span>span</span> endh3 </h3>
			<!-- comment to throw things off -->
			<div class="foo bar" id="_foo">
				<h3>h3</h3>
				<span id="foo"></span>
				<span></span>
			</div>
			<h3>h3</h3>
			<h3 class="baz foobar" title="thud">h3</h3>
			<span class="fooBar baz foo"></span>
			<span foo="bar"></span>
			<span foo="baz bar thud"></span>
			<!-- FIXME: should foo="bar-baz-thud" match? [foo$=thud] ??? -->
			<span foo="bar-baz-thudish" id="silly:id::with:colons"></span>
			<div id="container">
				<div id="child1" qux="true"></div>
				<div id="child2"></div>
				<div id="child3" qux="true"></div>
			</div>
			<div qux="true"></div>
			<input id="notbug" name="bug" type="hidden" value="failed"> 
			<input id="bug" type="hidden" value="passed"> 
		</div>
		<div id="t2">
			<input type="checkbox" name="checkbox1" id="checkbox1" value="foo">
			<input type="checkbox" name="checkbox2" id="checkbox2" value="bar" checked>

			<input type="radio" name="radio" id="radio1" value="thinger">
			<input type="radio" name="radio" id="radio2" value="stuff" checked>
			<input type="radio" name="radio" id="radio3" value="blah">
		</div>
		<select id="t2select" multiple="multiple">
			<option>0</option>
			<option selected="selected">1</option>
			<option selected="selected">2</option>
		</select>
		
		<iframe id="t3" name="t3" src="blank.html"></iframe>
		<div id="t4">
			<div id="one" class="subDiv">
				<p class="one subP"><a class="subA">one</a></p>
				<div id="two" class="subDiv">
					<p class="two subP"><a class="subA">two</a></p>
				</div>
			</div>
		</div>
	</body>
</html>
